"use strict";
import * as React from 'react';
import { commonProps, commonStyles } from "../../assets/styles/common";
import NavBackButton from "../../component/BackButton";
const NavigationBar = require('react-native-navbar').default;
import MyText from "../../component/MyText";
import { forgetPwdStyles } from "../../assets/styles/auth";
const { View, TextInput, TouchableOpacity } = require('react-native');
const { connect } = require('react-redux');
class ForgetPwdPage extends React.Component {
    render() {
        return (<View style={commonStyles.container}>
                <NavigationBar {...commonProps.navBar} leftButton={<NavBackButton />} title={{ title: '忘记密码', tintColor: '#fff' }}/>
                <View style={forgetPwdStyles.card}>
                    <MyText style={{ fontSize: 21 }}>重设密码</MyText>
                    <MyText>*Email</MyText>
                    <TextInput style={forgetPwdStyles.input} clearButtonMode='while-editing'/>

                    <TouchableOpacity style={forgetPwdStyles.reset}>
                        <MyText style={forgetPwdStyles.btnText}>重置</MyText>
                    </TouchableOpacity>
                    <TouchableOpacity style={forgetPwdStyles.login}>
                        <MyText style={forgetPwdStyles.btnText}>登录</MyText>
                    </TouchableOpacity>
                </View>

            </View>);
    }
}
export default connect(({}) => ({}))(ForgetPwdPage);
